{#
  This Source Code Form is subject to the terms of the Mozilla Public
  License, v. 2.0. If a copy of the MPL was not distributed with this
  file, You can obtain one at https://mozilla.org/MPL/2.0/.
#}

{#
  We're extending 404.html to get CSS, JS and other <head> optimisations,
  but overriding the entire 'content' block
#}

{% extends "404.html" %}

{% block page_title %}404: Job Not Found{% endblock %}

{% block content %}
  <main class="mzp-l-content message-section">
    <h1 class="error-title">Sorry, we can’t find that job posting</h1>
    <p>
      The link you followed doesn’t seem to be for an open position.
      <a href="{{ url('careers.listings') }}">
        Check out our current job listings.
      </a>
    </p>

    <p class="hide-back" id="go-back">
      <a class="back-button">Go Back</a>
    </p>

    <ul class="content-list">
      <li>
        <img class="list-icon" alt="" src="{{ static('protocol/img/icons/mozilla.svg') }}" width="30" height="30">
        <span>
          <a href="{{ url('mozorg.about.index') }}">Learn</a> about Mozilla, the not-for-profit behind Firefox.
        </span>
      </li>
      <li>
        <img class="list-icon" alt="" src="{{ static('protocol/img/icons/desktop.svg') }}" width="30" height="30">
        <span>
          <a href="https://www.firefox.com/">Download</a> the Firefox browser for your mobile device or desktop.
        </span>
      </li>
      <li>
        <img class="list-icon" alt="" src="{{ static('protocol/img/icons/heart.svg') }}" width="30" height="30">
        <span>
          <a href="{{ donate_url(location='donate-404') }}">Donate</a> to Mozilla Foundation and reclaim the internet from big tech.
        </span>
      </li>
    </ul>
  </main>
{% endblock %}
